<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reg.css">
    <script src="../js/reg.js" type="module"></script>
</head>

<body>
    <header></header>
    <main>
        <div class="wrapper">
            <ul class="tabs">
                <li><i></i>手机号注册</li>
                <li><i></i>邮箱地址注册</li>
            </ul>
            <div class="m-box">
                <h1>华为账号注册</h1>
                <span>已有账号，<a href="../html/login.html">去登录 ></a></span>
                <form action="">
                    <div class="country">
                        <span>国家/地区</span>
                        <span><em>中国</em><i></i></span>

                    </div>
                    <div class="phone e-mail">
                        <span>+86(中国)<i></i></span>
                        <input type="tel" name="user_tel" placeholder="请输入手机号">
                    </div>
                    <span></span>
                    <div class="phone-code email-code">
                        <input type="text" name="user_acode" placeholder="短信验证码">
                        <button>获取验证码</button>
                    </div>
                    <div class="user-password">
                        <input type="password" name="user_pw" placeholder="密码"> <i></i>
                        <span class="pw-hint"></span>
                    </div>
                    <span></span>
                    <div class="reset-password">
                        <input type="password" name="user_rspw" placeholder="确认密码">
                        <i></i>
                    </div>
                    <span></span>
                    <div class="birth-date">
                        <span>出身日期</span>
                        <div>
                            <span class="user-year"><em>2001</em> 年<i></i>
                            <ul></ul></span>
                            <span class="user-month"><em>3</em> 月<i></i>
                                <ul></ul></span>
                            <span class="user-day"><em>21</em> 日<i></i>
                            <ul class="day-list"></ul></span>
                        </div>
                    </div>
                    <div class="sign-in"><input type="submit" value="注册"></div>
                    <span></span>
                </form>
            </div>
        </div>
    </main>
    <footer></footer>
</body>

</html>